<template>
    <div class="common-page-warpper">
        <div class="home-content-box">
            <div class="home-content-left-box"><Carousels/></div>
            <div class="home-content-right-box"><author-info/></div>
        </div>
        <div class="home-article-labels-box">
            <div class="article-left-box">
                <ArticleItem></ArticleItem>
                <ArticleItem></ArticleItem>
                <ArticleItem></ArticleItem>
                <ArticleItem></ArticleItem>
            </div>
            <div class="label-right-box">
                <article-label/>
                <web-site-info/>
            </div>
        </div>
        <div class="author-label-website-info">
            <author-info/>
            <article-label/>
            <web-site-info/>
        </div>
    </div>
</template>
<script setup lang="ts">
import Carousels from '@/components/carousels/index.vue';
import ArticleItem from '@/components/article-item/index.vue';

</script>

<style lang="scss">
    @import "./style.scss"
</style>
  